<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>管理信息系统课程设计 | MISP</title>
    <#include "/inc/head.ftl"/>
    <@head/>
</head>

<body>
<div id="wrapper">
    <!-- Navigation -->
    <#include "/inc/nav.ftl"/>
    <@nav/>
    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <div class="panel-body">
            </div>
            <!-- /.col-lg-12 -->
        </div>
        <!-- /.row -->
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-heading">餐桌列表</div>
                    <!-- /.panel-heading -->
                    <div class="panel-body">
                        <table width="100%" class="table table-striped table-bordered table-hover" id="list">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>餐桌</th>
                                <th>状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <!-- /.table-responsive -->
                    </div>
                    <!-- /.panel-body -->
                </div>
                <!-- /.panel -->
            </div>
            <!-- /.col-lg-12 -->
        </div>
    </div>
    <!-- /#page-wrapper -->
</div>
</div>
<!-- /#wrapper -->
<!-- Page-Scripts  -->
<script>
    $(document).ready(function() {
        var table = $('#list').DataTable({
            "ajax": '${contextPath}/seat/list',
            "language": {
                "url": "${contextPath}/vendor/datatables/i18n/Chinese.json"
            },
            "columns": [{
                "data": "id",
                "visible": false
            }, {
                "data": "seatNumber"
            }, {
                "data": "seatType"
            }],
            responsive: true,
            select: true //datatables select 插件
        });



    });
</script>

</body>

</html>